@charset "utf-8";
/* CSS Document */
@import 'cssreset.css';

/*common*/
*:focus {outline: none;}

input{ padding:0;}
/* display */
.dn { display: none; }
.di { display: inline; }
.db { display: block; }
.dib { display: inline-block; } /* if the element is block level(eg. div, li), using 'inline-any' instead */

.xz{-webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	-o-transition: -o-transform 1s ease-out;
	-ms-transition: -ms-transform 1s ease-out;}


.fl{float:left;}
.fr{float:right;}

/* 块状元素水平居中 */
.auto { margin-left: auto; margin-right: auto; }

/* overflow */
.ovh { overflow: hidden; }

/* position */
.rel { position: relative; }
.abs { position: absolute; }

/* font-family */
.fw { font-family:微软雅黑; }

/* font-style */
.n { font-weight: normal; font-style: normal; }
.b { font-weight: bold; }
.i { font-style: italic; }
.ls ul{ list-style:none;}

/* text-align */
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.tj { text-align: justify; }

/* 清除浮 动*/
.fix { *zoom:1; }
.fix:after { content:" "; display:block; height:0; clear:both; visibility:hidden; font-size:0;}

/*table*/
table {
    width: 100%;
    border-collapse: collapse;
}

/* margin */
.m0 { margin:0 !important; }
.ml1 { margin-left: 1px; }
.ml2 { margin-left: 2px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }

.mr1 { margin-right: 1px; }
.mr2 { margin-right: 2px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }

.mt1 { margin-top: 1px; }
.mt2 { margin-top: 2px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }

.mb1 { margin-bottom: 1px; }
.mb2 { margin-bottom: 2px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }

/* padding */
.p0 { padding: 0; }
.p1 { padding: 1px; }
.pl1 { padding-left: 1px; }
.pt1 { padding-top: 1px; }
.pr1 { padding-right: 1px; }
.pb1 { padding-bottom: 1px; }

.p2 { padding: 2px; }
.pl2 { padding-left: 2px; }
.pt2 { padding-top: 2px; }
.pr2 { padding-right: 2px; }
.pb2 { padding-bottom: 2px; }

.pl5 { padding-left: 5px; }
.p5 { padding: 5px; }
.pt5 { padding-top: 5px; }
.pr5 { padding-right: 5px; }
.pb5 { padding-bottom: 5px; }

.p10 { padding: 10px; }
.pl10 { padding-left: 10px; }
.pt10 { padding-top: 10px; }
.pr10 { padding-right: 10px; }
.pb10 { padding-bottom: 10px; }

.p15 { padding: 15px; }
.pl15 { padding-left: 15px; }
.pt15 { padding-top: 15px; }
.pr15 { padding-right: 15px; }
.pb15 { padding-bottom: 15px; }

.p20 { padding: 20px; }
.pl20 { padding-left: 20px; }
.pt20 { padding-top: 20px; }
.pr20 { padding-right: 20px; }
.pb20 { padding-bottom: 20px; }

.p30 { padding: 30px; }
.pl30 { padding-left: 30px; }
.pt30 { padding-top: 30px; }
.pr30 { padding-right: 30px; }
.pb30 { padding-bottom: 30px; }

/* vertical-align */
.vm { vertical-align: middle; }
.vtb { vertical-align: text-bottom; }
.vb { vertical-align: bottom; }
.vt { vertical-align: top; }
.vn { vertical-align: -2px; }

.bgnone{background:none !important;}
.bnone{border:none !important;}


.container { /*根据效果图主体宽度定义*/
    width:1200px;
	margin:0 auto;
}



/*二级菜单样式*/
.guanli{width: 120px;text-align: center; background: #fff;padding-bottom:9000px;margin-bottom:-9000px;}
.guanli dl dd a{width: 120px; color:#333; height: 70px; line-height: 70px; cursor: pointer;display: inline-block;}
.guanli dl dd.mren{ background: #faf7fa;}
.guanli dl dd.mren a span{ padding: 8px 4px; border-bottom: 2px solid #737373;}

/*二级菜单样式END*/


/*搜索框样式*/
.search input, .search button {
	outline: none;
	border: 0;
	background: none;
}
.search {
	width: calc(100% - 20px);
	height: auto;
	background: #f5f5f5;
	padding: 10px;
}

.searchWrap {
	width: 318px;
	height: 38px;
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	background: #fff;
	position: relative;
}

.search input[type="text"] {
	width: calc(100% - 60px);
	height: 38px;
	line-height: 38px;
	padding-left: 10px;
}

.search .iconfont {
	position: absolute;
	top: 4px;
	right: 10px;
	width: 30px;
	height: 30px;
	z-index: 4;
	font-size: 28px;
	color: #cbcbcb;
	cursor: pointer;
}

/*搜索框样式END*/


/*分页*/
.pagenation {
	margin: 50px auto 0;
	text-align: center;
}

.pagenation a {
	margin-top: -1px;
}

.pagenation a, .pagenation span {
	display: inline-block;
	line-height: 26px;
	padding: 2px 10px;
	border: 1px solid #bbb;
	background: #fff;
	color: #484848;
	font-size: 14px;
	border-radius: 5px;
	cursor: pointer;
}

.pagenation a:hover, .pagenation span:hover {
	background: #ccc;
}
/*分页END*/

/*弹窗*/
.popup{width: 460px; padding-bottom: 40px; border: 1px solid #f5e9ed; position: fixed;top:50%; left: 50%; margin: -140px 0 0 -200px;border-radius:10px;  background: #fff; display: none;z-index: 2;}
.biaoti1{width: 100%; text-align: center; color:#ff759c; height: 40px; line-height: 40px; font-size:18px; padding: 15px 0;}
.popup_box{width: 100%; text-align: center;}
.branch_name{padding:20px 0;}
.branch_name span{color: #737373; line-height: 36px;display: inline-block; padding-right: 15px;}
.branch_name span em{font-style:normal; color: #f00; font-weight:bold;}
.hui_ding{ position: relative;display: inline-block;}
.hui_hong{position: absolute; background:rgb(237, 120, 127); color: #fff;  bottom: -20px; right: 0; height: 20px; height: 20px; padding: 0 5px; display: none;}
.hui_ding { margin-bottom: 20px; }
.name_text{width: 260px; height: 36px; line-height: 36px; padding-left: 10px; border: 1px solid #ddd;}
<<<<<<< HEAD
=======
.input_focus {border: 1px solid rgb(237, 120, 127);}
.shop_button{margin-top: 30px;}
>>>>>>> 75e189e3a3f458192889c205b6b3c2fc093cc6d1
.shop_button .cancel{display: inline-block; color: #666; width: 100px; height: 30px; line-height: 30px;text-align: center; background: #fff; border: 1px solid #bbb; border-radius: 3px; margin: 0 10px;}
.shop_button .confirm{display: inline-block; color: #fff; width: 100px; height: 30px; line-height: 30px;text-align: center; background: #fb7b94; border: 1px solid #fb7b94; border-radius: 3px; margin: 0 10px;}

.mask{width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; z-index: 1; top: 0; left: 0; display: none;}
